
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link href="__PUBLIC__/home/css/common.css" rel="stylesheet">
	<link href="__PUBLIC__/home/css/index.css" rel="stylesheet">
	<link href="__PUBLIC__/home/css/bootstrap.min.css" rel="stylesheet">
	<script src="__PUBLIC__/home/js/jquery.min.js"></script>
	<script src="__PUBLIC__/home/js/bootstrap.min.js"></script>
	<script src="__PUBLIC__/home/js/jquery.nav.js"></script>
	<script src="__PUBLIC__/home/js/banner.js"></script>
	<script src="__PUBLIC__/home/js/chart.min.js"></script>
	<script src="__PUBLIC__/home/js/chart-data.js"></script>
	<script src="__PUBLIC__/home/js/easypiechart.js"></script>
	<script src="__PUBLIC__/home/js/easypiechart-data.js"></script>
	<script src="__PUBLIC__/home/js/bootstrap-datepicker.js"></script>
</head>
<style>
	.img{width: 100%;}
	@keyframes change{0%   {color:#333;}25%{color:#ff0;}50%{color:#fff;}75%{color:#cf0;}100% {color:#f00;}
</style>
<body>
<!-- 头部 -->
<nav class="navbar navbar-default head">
    <div class="container-fluid">
    	<div class="container">
	        <div class="navbar-header">
	            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" id="nav_btn">
	                 <span class="sr-only">Toggle navigation</span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	            </button> 
	            <a  class="logo" href="#"><img src="__PUBLIC__/home/images/logo.png"></a>
	        <div class="title">    
	            <h2>重庆奥骞科技</h2>
	            <p>Chongqing abstruse technology</p>
	        </div>    
	        </div>
	        <form class="navbar-form navbar-left">
				<div class="search">
					<div class="form-group">
						<input type="text" class="form-control">
						<input type="submit" value="">
					</div>
				</div>
			</form>
	        <ul class="login user-menu btn-group">
				<?php if(!isset($_COOKIE['enrollusername'])){ ?>
				<li class="op" id="ip"><a href="{:U('Login/login')}"  class="btn btn-primary btn-lg active">登录</a></li>
				<li class="op"><a href="{:U('Enroll/enroll')}" class="btn btn-primary btn-lg active">注册</a></li>
				<li class="help"><a href="" class="btn btn-primary btn-lg active">帮助</a></li>
				<?php }else{ ?>
				<li><a href="javascript:void(0)"  class="btn btn-default btn-lg active"><?php echo $_COOKIE['enrollusername'];?></a>
					<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false";>
				    <span class="caret"></span>
				    <span class="sr-only">Toggle Dropdown</span>
				  </button>
				  	<ul class="dropdown-menu">
				  	<li class="vip"><a href="" style="animation:change 10s linear 0s infinite;">尊贵VIP</a></li>
				    <li><a href="{:U('Login/logout')}" style="color: red;">退出</a></li>
				  	</ul>
				  	<li class="help"><a href="" class="btn btn-primary btn-lg active">帮助</a></li>
					<?php }?>
				</li>
			</ul>
	    </div>
    </div>
    <div class="fluid">
    	<div class="container">
	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	            <ul class="nav navbar-nav navbar-right" id="nav">
	                <li><a href="{:U('Index/index')}" class="current">首页</a></li>
                    <li><a href="{:U('AboutUs/index')}">公司介绍</a></li>
                    <li><a href="{:U('TrainingCourse/index')}">培训课程</a></li>
                    <li><a href="{:U('CaseShow/index')}">案例展示</a></li>
                    <li><a href="{:U('News/index')}">新闻资讯</a></li>
                    <li><a href="{:U('ContactUs/index')}">联系我们</a></li>
                    <li><a href="{:U('JoinUs/index')}">加入我们</a></li>
                    <li><a href="{:U('ArticleColumn/index')}">文章专栏</a></li>
	            </ul>
	        </div>
	    </div>
    </div>
</nav>
<!-- banner -->
<div class="banner">
	
	<div class="img-list">
	<?php foreach($bannerlist as $k=>$v) { ?>
		<img src="<?php echo $v['imgurl']?>" alt="">
	<?php } ?>
	</div>
	<ul class="num-list">
		<?php foreach($bannerlist as $k=>$v) { ?>
		<li></li>
        <?php } ?>
	</ul>
	<div class="turn-btn">
		<span class="left-btn"></span>
		<span class="right-btn"></span>
	</div>
</div>
<!-- 1、我们的优势 -->
<div class="advantage">
	<div class=" container">
		<div class="row">
			<h1>1、我们的<span class="span1">优势</span></h1>
			<div class="col-md-6 col-sm-6">
				<div class="advantage-left">
					<div class="box">
						<h3>项目总监全职面授，权威!</h3>				
						<ol>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
						</ol>
					</div>
					<div class="box">
						<h3>项目总监全职面授，权威!</h3>				
						<ol>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
						</ol>
					</div>
					<div class="box">
						<h3>项目总监全职面授，权威!</h3>				
						<ol>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
						</ol>
					</div>
					<div class="box">
						<h3>项目总监全职面授，权威!</h3>				
						<ol>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
						</ol>
					</div>
					<div class="box">
						<h3>项目总监全职面授，权威!</h3>				
						<ol>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
							<li>当你想进入万维网上一个网页, 或者其他网络</li>
						</ol>
					</div>
				</div>
			</div>
			<div class="col-md-6  col-sm-6">
				<img src="__PUBLIC__/home/images/niubi.png" alt="">
			</div>
		</div>
	</div>
</div>
<!-- 2、项目展示 -->
<div class="pro-box">
	<div class="picMarquee-left container">
		<div class="hd">
			<a class="next"></a>
			<a class="prev"></a>
		</div>
		<div class="bd">
			<ul class="picList">
				<?php foreach($carousellist as $k=>$v) { ?>
				<li>
					<div class="pic"><img src="<?php echo $v['imgurl'];?>"></a></div>
				</li>
				<?php } ?>						
			</ul>
		</div>
	</div>
</div>
<!-- 3、公司荣誉 -->
<div class="honor">
	<div class="  container">
		<div class="row">
			<h1>3、公司<span class="span1">荣誉</span></h1>
			<?php foreach($companylist as $k => $v) { ?>
			<div class="col-md-4">
				<a href="#"><img src="<?php echo $v['imgurl'];?>" class="img"></a>
				<h4><?php echo $v['name'];?></h4>
				<p><?php echo $v['content'];?></p>
			</div>
			<?php }　?>	
		</div>
	</div>
</div>
<!-- 4、新闻资讯 -->
<div  class="news ">
	<div class="container">
		<div class="row ">
			<h1>4、资讯<span class="span1">新闻</span></h1>
	  		<div class="col-md-6">
	  		</div>
			<div class="col-md-6 pro-design border-left">
			<?php foreach($consultinglist as $k => $v) { ?>
	  			<h3><?php echo $v['title'];?></h3>
				<p><?php echo $v['content'];?></p>
	  		<?php }　?>	
	  		</div>
	  		<div class="col-md-6 pro-design border-right">
			<?php foreach($consultinglist as $k => $v) { ?>
	  			<h3><?php echo $v['title'];?></h3>
				<p><?php echo $v['content'];?></p>
	  		<?php }　?>	
	  		</div>
		</div>
	</div>
</div>

<!-- 5、三大核心 -->

<div class=" kernel">
	<div class="container">
		<h1>5、三大<span class="span1">核心</span></h1>
		<div class="row">
	  		<div class="col-md-4 col-sm-12 content">
				<h5>UI</h5>
				<div class="kernel-content">
				<p>学UI到奥骞</p>
				<img src="__PUBLIC__/home/images/kernel3.png" alt="">
				<p>用户界面(User Interface)是指对 软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让 软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。 用户界面（ User Interface，简称 UI，亦称 使用者界面[1]）是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。用户界面是介于用户与 硬件而设计彼此之间交互沟通相关 软件，目的在</p>
				</div>
	  		</div>
	  		<div class="col-md-4 col-sm-12 content">
	  			<h5>H5</h5>
	  			<div class="kernel-content">
				<p>学UI到奥骞</p>
				<img src="__PUBLIC__/home/images/kernel3.png" alt="">
				<p>用户界面(User Interface)是指对 软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让 软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。 用户界面（ User Interface，简称 UI，亦称 使用者界面[1]）是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。用户界面是介于用户与 硬件而设计彼此之间交互沟通相关 软件，目的在</p>
				</div>
	  		</div>
	  		<div class="col-md-4 col-sm-12 content">
	  			<h5>JAVA</h5>
	  			<div class="kernel-content">
				<p>学UI到奥骞</p>
				<img src="__PUBLIC__/home/images/kernel3.png" alt="">
				<p>用户界面(User Interface)是指对 软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让 软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。 用户界面（ User Interface，简称 UI，亦称 使用者界面[1]）是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。用户界面是介于用户与 硬件而设计彼此之间交互沟通相关 软件，目的在</p>
				</div>
	  		</div>
		</div>
	</div>
</div>
<!-- 6、课程体系 -->
<div class="classes ">
	<div class="container">
		<h3>6、<span class="span1">课程</span><span class="span2">体系</span></h3>
		<div class="row">
			<div class="col-md-3 top-content">
				<p class="UI">UI设计专业</p>
				<p>用户界面(User 用户界面(User Interface)是指对 软件的人机交互、操作逻辑、界面美观的整体设计。</p>
				<a href="#">查看详情</a>
			</div>
			<div class="col-md-3 top-content">
				<p class="UI">UI设计专业</p>
				<p>用户界面(User 用户界面(User Interface)是指对 软件的人机交互、操作逻辑、界面美观的整体设计。</p>
				<a href="#">查看详情</a>
			</div>
			<div class="col-md-3 top-content">
				<p class="UI">UI设计专业</p>
				<p>用户界面(User 用户界面(User Interface)是指对 软件的人机交互、操作逻辑、界面美观的整体设计。</p>
				<a href="#">查看详情</a>
			</div>
			<div class="col-md-3 top-content">
				<p class="UI">UI设计专业</p>
				<p>用户界面(User 用户界面(User Interface)是指对 软件的人机交互、操作逻辑、界面美观的整体设计。</p>
				<a href="#">查看详情</a>
			</div>
		</div>
		<div class="row">
			<div class="col-md-3 bottom-content">
				<p class="UI">UI设计专业</p>
				<p>用户界面(User 用户界面(User Interface)是指对 软件的人机交互、操作逻辑、界面美观的整体设计。</p>
				<a href="#">查看详情</a>
			</div>
			<div class="col-md-3 bottom-content">
				<p class="UI">UI设计专业</p>
				<p>用户界面(User 用户界面(User Interface)是指对 软件的人机交互、操作逻辑、界面美观的整体设计。</p>
				<a href="#">查看详情</a>
			</div>
			<div class="col-md-3 bottom-content">
				<p class="UI">UI设计专业</p>
				<p>用户界面(User 用户界面(User Interface)是指对 软件的人机交互、操作逻辑、界面美观的整体设计。</p>
				<a href="#">查看详情</a>
			</div>
			<div class="col-md-3 bottom-content">
				<p class="UI">UI设计专业</p>
				<p>用户界面(User 用户界面(User Interface)是指对 软件的人机交互、操作逻辑、界面美观的整体设计。</p>
				<a href="#">查看详情</a>
			</div>
		</div>
	</div>
</div>
<!-- 7、服务专区 -->
<div class="serve">
	<div class="container">
	<h1>7、<span class="span1">服务</span><span class="span2">专区</span></h1>
		<div class="row">
			<div class="col-md-6">
				<p>开发web网站前段界面</p>
			</div>
			<div class="col-md-6">
				<p>开发web网站前段界面</p>
			</div>
		</div>
		<div class="row">
			<div class="col-md-4">
				<p>开发web网站前段界面</p>
			</div>
			<div class="col-md-4">
				<p class="center-content">可掌握核心能力可解决现实问题数据分析数据可视化web网站开发</p>
			</div>
			<div class="col-md-4">
				<p>开发web网站前段界面</p>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				<p>开发web网站前段界面</p>
			</div>
			<div class="col-md-6">
				<p>开发web网站前段界面</p>
			</div>
		</div>
	</div>
</div>
<!-- 8、合作商家 -->
<div class="together">
	<div class="container">
		<h3>8、<span class="span1">校企</span><span class="span2">合作</span></h3>
		<div class="row">
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo1_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo2_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo3_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo4_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo5_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo6_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo7_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo8_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo9_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo10_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo11_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo12_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo13_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo14_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo15_03.png" alt=""></a>
			</div>
			<div class="col-md-3 col-sm-4 col-xs-12">
				<a href="#"><img src="__PUBLIC__/home/images/last_logo16_03.png" alt=""></a>
			</div>
		</div>
	</div>
</div>
<!-- 尾部 -->
<div class="footer">
	<p>版权所有：重庆奥骞网络科技有限公司  川ICP备15032603号-2：    技术支持：奥骞网络</p>
</div>
<script src="__PUBLIC__/home/js/jquery.SuperSlide.2.1.1.js"></script>
<script src="__PUBLIC__/home/js/jquery1.42.min.js"></script>
<script src="__PUBLIC__/home/js/jquery.SuperSlide.2.1.1.source.js"></script>
<script type="text/javascript">
	jQuery(".picMarquee-left").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:3,trigger:"click",interTime:50});
</script>
<script>
$(".help").click(function(){
	window.open("http://lol.qq.com");
	        });
$(".vip").click(function(){
	window.open("https://vip.qq.com/");
	        });
</script>
</body>
</html>